<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui">
    <meta name="mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
    <meta http-equiv="Pragma" content="no-cache" />
    <meta http-equiv="Expires" content="0" />
    <title>申请退款</title>
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=P6VrB5UEVvbu1wifaYtlMF2BDpgG13oX"></script>
    <script type="text/javascript" src="../../assets/js/common/iss_app_utility.js?time=20170629160124"></script>
    <script type="text/javascript" src="../../assets/js/iss_app_configure.js?time=20170629160124"></script>
</head>

<body>
    <div class="statusbar-overlay">
    </div>
    <div class="panel-overlay">
    </div>
    <div class="views">
        <div class="view view-main">
            <div class="pages navbar-fixed toolbar-through">
                <div id="refund_page" data-page="refund" class="page refund" style="margin: 0;padding: 0;">
                    <!-- navbar 开始 -->
                    <div class="navbar theme-white">
                        <div class="navbar-inner">
                            <div class="left">
                                <a href="#" class="back link"><i class="icon icon-back"></i><span>返回</span></a>
                            </div>
                            <div class="center">
                                申请退款</div>
                            <div class="right">
                            </div>
                        </div>
                    </div>
                    <!-- navbar 结束 -->
                    <div class="page-content">
                        <div class="list-block" style="margin-top:10px;font-size:1em;">
                            <ul>
                                <li class="item-content">
                                    <div class="item-media">
                                        <img data-checked=false class="checkbox selectAll" src="../../assets/images/images-yuqing/elements/icon_order_unchecked_blue.png" height="25px"
                                        />
                                    </div>
                                    <div class="item-inner">
                                        <div class="item-title">全选</div>
                                    </div>
                                </li>
                            </ul>
                            <ul class="visitor-list">

                            </ul>
                        </div>
                        <div class="refund-reason" style="margin-top:10px;padding:15px;background:white">
                            <p>退款说明</p>
                            <textarea placeholder="请填写退款说明!" class="reason" style="width:100%;height:150px;border-radius:5px;background:#efeff4;border:none;margin-top:10px;padding:5px;font-size:1em"></textarea>
                        </div>
                    </div>
                    <script id="template-refund-list" type="text/template7">
                        {{#each GetTicketList}}
                        {{#js_compare "this.OrderTStatus===4"}}
                        <div class="contact-item" data-idcard={{IDCard}} data-sOrderNo={{SOrderNo}} data-TOIID={{TOIID}} data-checked=false style="display:flex;height:80px;padding:5px 15px;border-bottom:1px solid #cccccc;line-height:35px;align-items:center">
                            <img class="checkbox item" src="../../assets/images/images-yuqing/elements/icon_order_unchecked_blue.png" height="25px"/>
                            <div class="content item" style="margin-left:15px;flex:1;width:70%">
                                <div style="display:flex;">
                                    <span style=="color:#666666">游玩人</span>&nbsp;&nbsp;&nbsp;&nbsp;<span style="flex:1;margin-left:20px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;">{{UserName}}</span>
                                </div>
                                <div>
                                    <span style=="color:#666666">身份证号</span><span style="margin-left:20px;">{{IDCard}}</span>
                                </div>
                            </div> 
                        </div>
                        {{/js_compare}}
                        {{/each}}
                    </script>
                    <div class="toolbar" style="background-color:white;line-height:44px;">
                        <div class="toolbar-inner" style="padding:0;">
                            <div style="width:40%;height:44px;text-align:center;background-color:white">
                                合计：<span class="sumprice" style="color:#ef5848;font-size:1.3em;">&yen;0</span> 
                            </div>
                            <div class="confirm" style="background-color:#ef5848;text-align:center;width:60%;height:44px;color:white">确认退款</div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- end page -->
        </div>
        <!-- end pages -->
    </div>
    <!-- end view-main-->
    <!-- 外部链接 -->
    <script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
    <!-- Framework7 Library JS-->
    <script type="text/javascript" src="../../assets/js/base/framework7.min.js?time=20170629160124"></script>
    <!-- Api -->
    <script type="text/javascript" src="../../assets/js/base/iss_api_jquery.js?time=20170629160124"></script>
    <script type="text/javascript" src="../../assets/js/base/iss_api_base64.js?time=20170629160124"></script>
    <!-- App js-->
</body>

</html>